<script setup>
    const articleList = [
        {id:"01",content:'四川省交通建设集团有限责任公司智能化科扬招标采购的公示', date: '2022-04-13',status:"报名成功",operation:"提交资料"},
        {id:"02",content:'校工会交互智能平板采购竞价成交公告', date: '2022-04-13',status:"报名成功",operation:"提交资料"},
        {id:"03",content:'平邑县图书馆馆藏图书及智能化设备采购项目中标结果公示', date: '2022-04-13',status:"报名成功",operation:"提交资料"},
        {id:"04",content:'三一智能电机-局部放电设备-招标招标公告-ZB202304130003\\n\\n项目名称', date: '2022-04-13',status:"报名成功",operation:"提交资料"},
        {id:"05",content:'中电鸿信信息科技有限公司2023年警务室智能化改造项目单一来源采购方案公示', date: '2022-04-13',status:"待开标",operation:"查看"},
        {id:"06",content:'海头镇宅基村土地发包项目', date: '2022-04-13',status:"待开标",operation:"查看"},
        {id:"07",content:'先锋创业大楼（515-1室）60㎡', date: '2022-04-13',status:"待开标",operation:"查看"},
        {id:"08",content:'万达开绿色智能铸造产业园项目（二期）比选结果公告', date: '2022-04-13',status:"资质审核",operation:"查看"},
        {id:"09",content:'2023年度工伤基金结算支付智能审核监控项目竞争性磋商公告', date: '2022-04-13',status:"待开标",operation:"等待报名"},
        {id:"10",content:'万达开绿色智能铸造产业园项目（三期）比选结果公告', date: '2022-04-13',status:"开标结果",operation:"查看"},
        {id:"11",content:'太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公用经费项目', date: '2022-04-13',status:"已过期",operation:"--"},
        {id:"12",content:'侯马市第二中学校2023年4月至11月政府采购意向-城乡义务教育补助经费中央资金', date: '2022-04-13',status:"已过期",operation:"--"},
        {id:"13",content:'【次氯酸钠贮存罐修理】采购公告附件', date: '2022-04-13',status:"已过期",operation:"--"},
    ];

//四、设置字体颜色 
    const getStatusColor = (item) => {
        if (item.status === '报名成功') {
            return '#f28e00';
        } else if ( (item.status === '待开标' && item.operation === '查看') || item.status === '资质审核' ) {
            return '#00f';
        } else if (item.status === '开标结果' ) {
            return '#00b99e';
        }else{
            return '#000';
        }
    };
</script>

<template>                   
     <el-container style="width: 1200px;margin: auto;background-color: #f8f9f8;padding: 30px;">
        <el-main>
            <p style="font-size: 15px;color: #959292;margin-bottom: 30px;">
                <router-link to="/" style="color: #959292;">首页</router-link> /
                <router-link to="/Profile" style="color: #959292;">个人中心</router-link> /
                <span style="color: black;">我的投标</span>
            </p>

            <el-row>
                <el-col :span="4" style="background-color: #00b99e;color: #fff;font-size: 18px;padding: 20px 0;border-radius: 20px;">
                    <router-link to="/EnterpriseInfo" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;">
                            <img src="/images/个人中心/u673.svg" style="margin-top: 10px;"> 企业信息
                        </div>
                    </router-link>
                    <router-link to="/Bid" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;">
                            <img src="/images/个人中心/u674.svg" style="margin-top: 10px;"> 参与投标
                        </div>
                    </router-link>
                    <router-link to="/MyBid" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;background-color: #fff;color: #00b99e;border-radius: 20px;">
                            <img src="/images/个人中心/u675.svg" style="margin-top: 10px;filter: brightness(0) saturate(100%) invert(58%) sepia(26%) saturate(1531%) hue-rotate(123deg) brightness(91%) contrast(88%);"> 我的投标
                        </div>
                    </router-link>
                </el-col>
                <el-col :span="19" style="background-color: #fff;font-size: 14px;padding: 40px;border-radius: 20px;margin-left: 30px;">
                    <router-link to="/MyBid" style="font-size: 16px;">< 标的列表</router-link>
                    <table style="border-collapse: collapse; width: 100%;margin-top: 20px;">
                        <tr style="height: 40px;">
                            <td style="width: 50%;"><strong>企业名称：</strong>大连素食有限公司</td>
                            <td style="width: 50%;"><strong>统一社会信用代码：</strong>2012000043245689567</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>公司注册地址：</strong>辽宁省大连市金普新区和平路56号</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>机构类型：</strong>企业机构</td>
                            <td><strong>企业性质：</strong>私营企业</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>成立日期：</strong>2021年-05月13日</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>法人/负责人：</strong>李华</td>
                            <td><strong>法人/负责人身份证：</strong>210282198706235543</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>法人/负责人身份证扫描件：</strong><span style="color:#00b99e">查看图片</span></td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>单位联系地址：</strong>辽宁省大连市金普新区和平路56号</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>经营范围：</strong>饮食</td>
                            <td><strong>公司简介：</strong>大连素食有限公司是一家致力于研究素食美味的公司</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>营业执照有效期：</strong>2021/5/13 -2028/5/13</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>营业执照扫描件：</strong><span style="color:#00b99e">查看图片</span></td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>开户行：</strong>大连银行</td>
                            <td><strong>银行账号：</strong>63299427971907320931709</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>开户行地址：</strong>辽宁省大连市金普新区农贸街65号</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>单位注册电话：</strong>8657-4321</td>
                            <td><strong>单位注册地址：</strong>辽宁省大连市金普新区和平路56号</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td><strong>注册资本（万元）：</strong>200.00</td>
                            <td><strong>实缴资本：</strong>100.00万元</td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2"><strong>开户许可证/基本户存款信息证：</strong><span style="color:#00b99e">查看图片</span></td>
                        </tr>
                        <tr style="height: 40px;">
                            <td colspan="2">
                                <strong>上传文件</strong>
                                <el-form>
                                    <el-form-item label="营业执照扫描件" required>
                                        <el-upload action="#" :auto-upload="false">
                                            <el-button type="primary" style="background-color: transparent;border: 1px solid #00b99e;color:#00b99e;padding: 5px 10px;">
                                                <img src="/images/企业信息修改/u890.png" style="margin-right: 5px;">上传文件
                                            </el-button>
                                        </el-upload>
                                    </el-form-item>
                                </el-form>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="color: #959292;">支持文件类型：pdf/zip/rar/png/jpg/jpeg等，单文件不超过100MB，最多可上传10个文件</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: right;">
                                <el-button type="primary" style="width: 80px;background: linear-gradient(to right, #7fc87c, #53a091);color:#fff;">提交</el-button>
                            </td>
                        </tr>
                    </table>
                </el-col>
            </el-row>
            
        </el-main>
    </el-container>
</template>

<style scoped>  
/* 一、全局样式 */
    * {
        margin: 0;
        padding: 0;
    }
    /* 修改a标签样式 */
    a{
        text-decoration: none;
        color: #000;
    }

/* 二、导航栏样式 */
    .nav:hover{
        background-color: #fff;
        color: #00b99e;
        border-radius: 20px;
    }
    .nav:hover img{
        filter: brightness(0) saturate(100%) invert(58%) sepia(26%) saturate(1531%) hue-rotate(123deg) brightness(91%) contrast(88%);/* 将图片颜色绿色(#00b99e) */
    }

</style>